<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"    
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      template="/pages/templates/template.xhtml">
    <ui:define name="head">
        <title>Index</title>
    </ui:define>
    <ui:define name="body">
        <h:form id="formGrupos">            
            <p:growl id="confirm" autoUpdate="true" showDetail="true"/>  
            <p:panelGrid id="panel" columns="2">
                <f:facet name="header">
                    Creación de grupos
                </f:facet>

                <p:outputLabel for="txtNombre" value="Nombre:" />
                <p:inputText id="txtNombre" value="#{gruposAdminController.grupo.nombre}" required="true" />

            </p:panelGrid>
            <p:commandButton value="Guardar" action="#{gruposAdminController.guardarGrupo()}" 
                             process="@form" update="formGrupos" />
            
            <p:commandButton value="Cancelar" actionListener="#{facesContext.externalContext.redirect('/informacion_mundialista/pages/grupos/gruposAdmin.xhtml')}" immediate="true">
                <p:confirm header="Confirmacion" message="Desea cancelar?" icon="ui-icon-alert" />
            </p:commandButton>

            <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
                <p:commandButton value="si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
                <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
            </p:confirmDialog>
            <br />
        </h:form> 
    </ui:define>
</ui:composition>

